<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>店铺</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <div class="tongdui-wrapper">
        <!-- 顶部 -->
        <div class="top-nav clearfix cart-nav">
            <div class="top-nav-left">
                <a href="" class="iconfont">&#xe64a;</a>
            </div>
            <div class="top-nav-center">
                店铺 
            </div>
        </div>

        <!-- 店铺列表 -->
        <div class="shop-all">
            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop1.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>

            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop2.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop1.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>

            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop2.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop1.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>

            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop2.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop1.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>

            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop2.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop1.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>

            <!-- 每一个店铺 -->
            <div class="shop-list">
                <h4 class="clearfix">
                    <div class="left clearfix ">
                        <div class="shop-list-pic">
                            <img src="images/shop2.png" alt="">
                        </div>
                        <div class="shop-list-name">
                            <h5>天使婚纱礼服馆</h5>
                            <p>销量 866<span>共 4665件商品</span></p>
                        </div>
                    </div>
                    <div class="right">
                        <a href="shop-detail.html">进店逛逛</a>
                    </div>
                </h4>
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="images/shop-goods1.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 底部导航 -->
        <div class="foot-nav clearfix">
            <a href="index.html" class="">
                <div class="iconfont">&#xe729;</div>
                首页
            </a>
            <a href="sort.html" class="">
                <div class="iconfont">&#xe604;</div>
                分类
            </a>
            <a href="" class="active">
                <div class="iconfont">&#xe603;</div>
                附近
            </a>
            <a href="cart.html" class="">
                <div class="iconfont">&#xe601;</div>
                购物车
            </a>
            <a href="usercenter.html" class="">
                <div class="iconfont">&#xe614;</div>
                我的    
            </a>
        </div>

        <!-- 返回顶部 -->
        <div class="actGotop iconfont">
            &#xe63c;
        </div>
    </div>
    
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 延迟加载 -->
    <script src="js/lazyload.js"></script>
    <script type="text/javascript">
        $(function () {
            $("img").delayLoading({
                defaultImg: "images/loading.gif",    // 预加载前显示的图片
                errorImg: "images/loading1.gif",                        // 读取图片错误时替换图片(默认：与defaultImg一样)
                imgSrcAttr: "src",                  // 读取图片的src
                setImg: "originalSrc",              //记录图片路径的属性(默认：originalSrc，把页面img的src属性值传给originalSrc属性)
                beforehand: 0,                       // 预先提前多少像素加载图片(默认：0)
                event: "scroll",                     // 触发加载图片事件(默认：scroll)
                duration: "fast",                  // 三种预定淡出(入)速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认:"normal"
                container: window,                   // 对象加载的位置容器(默认：window)
                success: function (imgObj) { },      // 加载图片成功后的回调函数(默认：不执行任何操作)
                error: function (imgObj) { }         // 加载图片失败后的回调函数(默认：不执行任何操作)
            });
        });
    </script>

     <!-- 返回顶部 -->
    <script>
        $(function(){ 
          $(window).scroll(function() {   
            if($(window).scrollTop() >= 50){
              $('.actGotop').fadeIn(300); 
            }else{    
              $('.actGotop').fadeOut(300);    
            }  
          });
          $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
        });
    </script>
</body>
</html>
